<div class="xl12 xm4">
	<div>
		<h3><span class="icon-user"></span> 用户登录</h3>
		<br />
		<form method="post" class="form-x form-auto">
	<div class="form-group">
		<div class="label">
			<label for="username">
				用户名</label>
		</div>
		<div class="field">
			<input type="text" class="input input-auto" id="username" name="username" size="30" data-validate="required:必填" placeholder="手机/邮箱/账号" />
		</div>
	</div>
	<div class="form-group">
		<div class="label">
			<label for="detail">
				密&nbsp;&nbsp;码</label>
		</div>
		<div class="field">
			<input type="text" class="input input-auto" id="username" name="username" size="30" data-validate="required:必填" placeholder="密码" />
		</div>
	</div>
	<div class="form-button">
		<button class="button bg-blue shake-hover" type="submit">
			登录</button>&nbsp;&nbsp;&nbsp;&nbsp;
			
			<if condition="$qqname eq '' ">
				<a class="button bg shake-hover" href="{:U('Base/loginQq')}"><img height="20px" src="__PUBLIC__/Home/images/qq.png" /> QQ登录</a>
			<else />	
				<div class="button-group">
					<button type="button" class="button">
						<img height="20px" src="__PUBLIC__/Home/images/qq.png" />  {$qqname} </button>
					<button type="button" class="button dropdown-toggle">
						<span class="downward"></span>
					</button>
					<ul class="drop-menu">
						<li><a href="{:U('Base/out')}">退出登录</a> </li>					
					</ul>
				</div>
			</if>

	</div>
</form>
	</div>
	<br /><hr />
	<div>
		<h3><span class="icon-cloud-download"></span> 程序下载</h3>
		<br />
		<div class="tool">
			<h4><span>站点版本：Lunhui v1.51 beta3</span></h4>
			<h4><span>开源版本：Lunhui v1.51.20160125</span>
				<a href="http://pan.baidu.com/s/1i4hcdXb"><button id="download" class="button button-little bg-red shake-hover"> &nbsp;&nbsp;下&nbsp;载 &nbsp;&nbsp;</button></a>
			</h4>
			<h4><span>提取密码：0eqw</span></h4><br/>
			<h4><span>本次更新（20160125）</span></h4>
			<h4><span>1.修复文章详情页找不到getIp方法的问题。<br/>
2.修复添加角色成功后找不到getRoleName方法的问题。<br/>
3.修复后台主页点击右上角退出没反应的问题。<br/>
4.更改留言板功能必须使用QQ登录后才能留言。<br/>
5.减少程序中多余的代码。<br/>
6.增加轮播上传功能。<br/>
7.后台友情链接采用AJAX异步提交方式，将在后续的版本中全部采用AJAX提交。</span></h4>
		</div>
	</div>
	<br />
	<hr />
	<div>
		<h3><span class="icon-wrench"></span> 我的标签</h3>
		
		<h4>
			<div class="tag-ul">
                <volist name="tag" id="v" empty="暂时没有标签">
                	
                    <if condition="$v['a_id'] % 6 ==1">
                        <a class="button button-little bg-main shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==2">
                        <a class="button button-little bg-sub shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==3">
                        <a class="button button-little bg-red shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==4">
                        <a class="button button-little bg-yellow shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==5">
                        <a class="button button-little bg-blue shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==0">
                        <a class="button button-little bg-green shake-hover" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                </volist>
            </div>			
		</h4>
	</div>
	<hr />
	<h2 class="bg-main text-white padding">随机文章</h2>
	<div class="padding-big bg">
		<ul class="list-media list-underline">
			<volist name="s_article" id="vo">
				<li>					
					<div class="media media-x img-small">						
						<a class="float-left" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}"><img src="__ROOT__/Uploads/{$vo.photo}" onerror="this.src='__PUBLIC__/Home/images/default.jpg'" class="radius"></a>						
						<div class="media-body">
							<strong>{$vo.a_title|strip_tags|mb_substr=0,16,'utf-8'}...</strong>{$vo.a_remark|strip_tags|mb_substr=0,35,'utf-8'}...
							<a class="button button-little border-red swing-hover" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}">查看详情</a>
						</div>
					</div>						
				</li>
			</volist>
		</ul>
	</div>
	<br />
	<div class="tab border-main" data-toggle="hover" style="height: 470px;">
		<div class="tab-head">

			<ul class="tab-nav">
				<li class="active"><a href="#tab-start2">最新留言</a> </li>
				<li><a href="#tab-css2">最多点击</a> </li>
				<li><a href="#tab-units2">申请友链</a> </li>
			</ul>
		</div>
		<div class="tab-body ">
			<div class="tab-panel active" id="tab-start2">				
				<volist name="Liuyan" id="vo">
					<div class="panel-group" style="border-top: solid 0px #ddd;">
						<div class="media media-x">
							<a class="float-left" href="{:U('Liuyan/index')}">
								<img src="{$vo.photo}" class="radius-circle" width="60px" height="60px">
							</a>
							<div class="media-body">
								<strong><span class="icon-paper-plane"></span>  {$vo.username}</strong>
								<span class="tag bg-dot">{$vo.from}</span> {$vo.content}
							</div>
						</div>
					</div>
				</volist>								
			</div>
			<div class="tab-panel" id="tab-css2" >
				<volist name="hits" id="v">
					<li style="margin-bottom:8px"><h4>
					<a href="{:U('Article/index',array('a_id'=>$v['a_id']))}"><span class="icon-leaf"></span> {$v.a_title}({$v.a_views})</a>
					</h4></li>
				</volist>
			</div>
			<div class="tab-panel" id="tab-units2">												
				<div class="panel-body">
					正在开发中，敬请期待。。。。
				</div>									
			</div>
		</div>
	</div>
	<div>
		<h3><span class="icon-retweet"></span> 友情链接</h3>
		<br />
		<div class="links">
			<volist name="link" id="vo">
				<a href="{$vo.url}" target="_blank" class="button border-blue ring-hover" role="button">{$vo.name}</a>&nbsp;
			</volist>
		</div>
	</div>
	<br />
	<hr />
	<br />
	
</div>

	<script>
	
		$(function(){
		    $('#download').click(function(){
		    	var node ="{$qqname}";

		    	if( node =='' || node == null){ 
					layer.alert("请您使用QQ登录后下载!",{icon: 2,}); 
					return false;
				}

				 return true;
		    });		    
		})

	</script>